草庐IT

Angular 2 表单

全部标签

javascript - ExtJs 表单验证

我在ExtJs中有这个表单。如果field1不为空,则field2不得为空。但即使听众正在开火,它也不起作用。{xtype:'panel',title:'title1',items:[{xtype:'fieldset',title:'fieldA',items:[{xtype:'textfield',fieldLabel:'Line1',id:'field1',listeners:{change:function(f,new_val){if(new_val){//alert("change"+new_val);f.field2.allowBlank=false;}else{f.fiel

javascript - 如果在使用 jquery 的 .each() 函数遍历每个表单元素后验证失败,则阻止提交表单

我有以下代码,我在其中尝试迭代html文本输入元素,进行一些验证并在验证失败时阻止表单提交:$("#the_form").submit(function(){$(":text",this).each(function(){if($(this).val().length!=0){varstr=$(this).val();str=$.trim($(this).val());$(this).val(str);if($(this).val().length如果我删除.each()函数并分别处理每个元素(这显然不是一个很好的方法),我会得到想要的结果。但是,如果我按原样使用代码,即使用户没有输入

javascript - 当 method=get 且 URL 包含散列时,使用 Javascript 更改表单操作时 IE 中的错误

我正在使用Javascript在您提交表单时更改表单的URL。如果该URL包含哈希字符串(#),则InternetExplorer将忽略它并只提交到之前的html部分。Firefox和Chrome没问题。演示:functionchangeURL(){varmyform=document.getElementById('myform');myform.setAttribute("action","page2.html#hello");returnfalse;}如果我将方法更改为“post”,就可以了。如果我使用“get”,IE会访问page2.html,但URL中没有#hello。无论我

javascript - 表单数据() XHR2

我正在尝试使用FormData()。我已经在多个版本的Chrome和Firefox中尝试过这段代码。varfData=newFormData();fData.append('foo','bar');console.log('formData',fData);fData,在记录时,只给我创建的带有FormData原型(prototype)的对象,没有额外的“foo”值。没有错误,它似乎只是默默地失败了。我也试过varfData=newFormData(formElement); 最佳答案 做了一些研究,我找到了thisquestion

javascript - 在组合选择上具有动态显示/隐藏字段的 Extjs 表单

使用Ext4.1我想创建一个带有选择组合的表单,并且根据当前选择的选项不同的子字段将被显示/隐藏。下面的例子:现在我有一个组合和一组在渲染中隐藏的两个日期字段。当组合值更改时,我有一个事件监听器将显示这些字段。但我不确定这是否是解决此问题的最佳方法。在这种情况下,字段集会更好吗?Ext.define('TooltipForm',{extend:'Ext.form.Panel',layout:{type:'vbox',align:'stretch'},border:false,bodyPadding:10,initComponent:function(){this.on('afterre

javascript - jquery 从表单中获取数据

我有一个表单,我正在尝试使用jquery从表单中获取数据并对其进行验证。使用jquery将数据从表单获取到变量的最佳方法是什么? 最佳答案 这是您可以使用的片段-$('#myForm').submit(function(){//getalltheinputsintoanarray.var$inputs=$('#myForm:input');//notsureifyouwantedthis,butIthoughtI'daddit.//getanassociativearrayofjustthevalues.varvalues={};$

javascript - 通过javascript将onsubmit添加到表单

您将如何仅通过Javascript将OnSubmit属性插入表单?我是javascript的新手,所以如果您能够提供详细的示例代码,那将是非常有帮助的!情况如下:我正在通过Chargify(一种支付平台)使用托管注册页面来为我的应用程序处理信用卡,然后将用户发送回我自己的页面谢谢/确认页。由于域的变化(我的域->Chargify.com->我的域),通过谷歌分析跟踪整个channel被证明是非常难以捉摸的,因为信用卡页面由Chargify在他们自己的域上托管。我越来越接近了:我已经能够让跨域跟踪正常工作(chargify.com页面已登录到GoogleAnalytics),并且可以通过

javascript - ng-click 与 Angular 中的 watch

我有一个加载JSON文件然后使用该数据创建HTML5Canvas绘图的指令(即json数据包含文本、颜色、位置等内容)。我还有许多输入字段(文本、slider等),允许用户操作绘图。我看到我可以$watch这些元素中的每一个或使用ng-click并调用一个函数-有推荐的方法吗?一些可能相关的注释:表单元素和Canvas都是同一个指令模板的一部分表单元素对变化使用react,因此没有提交按钮这些表单元素值中的每一个都经过检查,可能会进行转换,然后修改json字符串。然后我调用一个刷新函数,用新数据重新加载我的Canvas。我也有可能以错误的方式处理这个问题......

javascript - 在 Django 表单中动态显示和隐藏字段

我在Django中有一个表单:views.py:classSearchForm(forms.Form):type=forms.ChoiceField(choices=...)list1=forms.ModelMultipleChoiceField(...)list2=forms.ModelMultipleChoiceField(...)主页.htm:{{form.type}}{{form.list1}}{{form.list2}}如果类型为1,我希望显示list1元素,如果类型为2,则隐藏list2元素,反之亦然。我希望它们动态隐藏和显示,而无需重新加载页面或与服务器进行任何交互。我相

javascript - 在 Angular 中获取所选选项的 $index

例如:显然,这是行不通的:remove如果不在中继器中,如何访问$index? 最佳答案 您不需要跟踪索引,只需在removeCategory函数中从类别模型中删除selectedCategory:你的Controller可能看起来像这样JSFiddle:app.controller("myCtrl",['$scope',function($scope){$scope.model={selectedCategory:{},categories:[{title:"Cat1"},{title:"Cat2"}]}//init$scope.